<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/dist/index.min.css">
    <script src="../js/jquery.min.js"></script>
    <link rel="stylesheet" href="../../bootstarp/css/bootstrap.min.css">
    <script src="../js/fengzhuang.js"></script>
    <link rel="stylesheet" href="../swiper-4.5.3/dist/css/swiper.min.css">
    <script src="../../html/Ajax.js"></script>
    <script src="../../html/获得Cookie方法.js"></script>
    <script src="../../html/设置Cookie方法.js"></script>
</head>

<body>
    <div class="box">

        <!-- 回到顶部 -->
        <button class="top"><img src="../img/top.png" alt=""></button>


        <!-- 头部 -->
        <div class="head conner">
            <h1>
                <a href="../html/shouye.html">
                    <img src="../img/logo.png" alt="名创">
                </a>
            </h1>

            <!-- 搜索 -->
            <div class="search">
                <input type="text" placeholder="随便搜，啥都有！" id="searchkey">
                <span class=" suosuo glyphicon glyphicon-search" id="searchkbtn"></span>
            </div>

            <ul class="headul">
                <li class="act"><a href="./shouye.html">首页</a></li>
                <li><a href="./list.html">商品列表</a></li>
                <li>|</li>
                <li class="car"><a href="./mycar.html">我的购物车</a></li>
                <li>|</li>
                <li><a href="#">网站导航</a></li>
                <li>|</li>
                <li><a href="#">外部链接</a></li>
            </ul>
            <p>
                <span>你好，</span><i id="login">请登录</i><em class="exitdegnlu">退出登录</em>
            </p>
        </div>



        <!-- banner图 -->
        <!-- <div class="banner conner">
            <ul>
                <li><img src="../img/名创x可口可乐官网banner-03(1).jpg" alt=""></li>
                <li><img src="../img/天官赐福banner.jpg" alt=""></li>
                <li><img src="../img/官网首屏轮播(1).jpg" alt=""></li>
                <li><img src="../img/官网首页滚动大图_(1)(1).jpg" alt=""></li>
                <li><img src="../img/腾讯QQ天生企鹅(1).jpg" alt=""></li>
            </ul>
            <div class="bannerbtn">
                <span class="left">&lt;</span>
                <span class="right">&gt;</span>
            </div>
            <ol>
              
            </ol>
        </div> -->


        <div class="swiper-container conner">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="../img/名创x可口可乐官网.jpg" alt=""></div>
                <div class="swiper-slide"><img src="../img/天官赐福banner.jpg" alt=""></div>
                <div class="swiper-slide"><img src="../img/官网首屏轮播.jpg" alt=""></div>
                <div class="swiper-slide"><img src="../img/官网首页滚动大图.jpg" alt=""></div>
                <div class="swiper-slide"><img src="../img/腾讯QQ天生企鹅.jpg" alt=""></div>
            </div>
            <!-- 如果需要分页器 -->
            <!-- <div class="swiper-pagination"></div> -->

            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>

            <!-- 如果需要滚动条 -->
            <!-- <div class="swiper-scrollbar"></div> -->
        </div>




        <!-- 秒杀 -->
        <div class="kill conner">
            <!-- 时间差 -->
            <div class="time">
                <h4>秒杀时间</h4>
                <p><b class="date">10:00</b>点场 距结束</p>
                <div class="countdown">
                    <span class="hour">00</span>
                    <i>:</i>
                    <span class="min">10</span>
                    <i>:</i>
                    <span class="second">60</span>
                </div>
            </div>

            <!-- 滚动图 -->
            <div class="bigscroll">
                <div class="scrollimg">
                    <!-- <div class="scrloop">
                    <p>就是自动滑动时slide的停留时间dsds</p>
                    <img src="../img/天官赐福banner.jpg" alt="">
                </div>
                <div class="scrloop">
                    <img src="../img/天官赐福banner.jpg" alt="">
                    <p>就是自动滑动时slide的停留时间</p>

                </div> -->

                </div>
            </div>
        </div>

        <!-- 为你推荐 -->
        <div class="recommend conner">
            <p class="recommendnm">———— 为你推荐 ————</p>
            <div class="recommendlist">
            <!-- <a href="">
                <div class="tu">
                    <img src="../img/腾讯QQ天生企鹅(1).jpg" alt="">
                </div>
                <h4>天生企鹅</h4>
                <p>南极人【5双礼盒装】男士袜子中筒棉袜四季商务袜透气袜子男P3014z</p>
            </a> -->
            <!-- <a href="">1</a>
            <a href="">2</a>
            <a href="">3</a>
            <a href="">4</a> -->
            </div>
            <!-- <button class="recommendbtn">按钮</button> -->

        </div>


    </div>
    <script src="../swiper-4.5.3/dist/js/swiper.min.js"></script>
    <script src="../js/index.js"></script>
</body>

</html>